import styled from 'styled-components'

export const DiscoverHeaderWrapper = styled.div`
    .discover-nav {
        width: 100vw;
        height: 30px;
        background-color: #c20c0c;

        .discover-nav-content {
            width: 1100px;
            margin: 0 auto;
            display: flex;
            padding-left: 225px;

            .item {
                line-height: 14px;
                text-decoration: none;
                font-size: 14px;
                color: white;
                padding: 3px 10px;
                border-radius: 10px;
                margin: 0 20px;
            }

            .active {
                background-color: #9b0909;
            }
        }
    }
`
